﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Livwel.Default" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Livwel</title>
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="swiper/css/swiper.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/default.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
    <div class="top-header">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6">
                    <span class="txt-welcome">Welcome to </span>
                    <strong class="txt-company">Livwel</strong>
                </div>
                <div class="col-xs-12 col-sm-6">
                    <div class="pull-right link-top">
                        <a href="#">About us</a> |
                        <a href="#">Contact</a> |
                        <a href="#">Privacy policy</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-6 logo">
                <img src="images/logo.png" />
            </div>
            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6 mobile">
                <%--<div class="icon-phone"></div>
                <div class="phone">                
                        Call: 0979 777 999 - 0909 888 999
                </div>--%>

                
                <div class="phone">
                    <span style="color:#008B43;" aria-hidden="true" class="glyphicon glyphicon-phone-alt"></span>                     
                    <span style="vertical-align: middle;color:#777;">0979 777 999 - 0909 888 999</span>
                </div>
                <div class="email">
                    <span class="glyphicon glyphicon-envelope" style="color: #008B43; vertical-align: middle;" aria-hidden="true"></span>
                    <span style="vertical-align: middle;color:#777;">contact@livwel.vn</span>
                </div>
                
            </div>
        </div>
        <div class="row">
            <div class="line"></div>
        </div>
    </div>
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse" id="navbar">
                <ul class="nav navbar-nav" style="margin-top: 10px;">
                    <li class="active"><a href="#">Home</a></li>
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Lingeries 
                <span class="caret"></span>
                            <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                                <li><a href="#">Bra</a></li>
                                <li><a href="#">Panties</a></li>

                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Victoria</a>
                                    <ul class="dropdown-menu">
                                        <li><a tabindex="-1" href="#">Lady</a></li>
                                        <li class="dropdown-submenu">
                                            <a href="#">lady 4xx</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Lady 419</a></li>
                                                <li><a href="#">Lady 420</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Second level</a></li>
                                        <li><a href="#">Second level</a></li>
                                    </ul>
                                </li>
                            </ul></li>
                    <li><a href="#contact">Scent</a></li>
                    <li><a href="#contact">Accessories</a></li>
                    <li><a href="#contact">Beauty amd Personal Care</a></li>
                    <li><a href="#contact">Lady 's secret</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <form class="searchbox">
                        <input type="search" placeholder="Search......" name="search" class="searchbox-input" onkeyup="buttonUp();" required>
                        <input type="submit" class="searchbox-submit" value="GO">
                        <span class="searchbox-icon">
                            <span aria-hidden="true" class="glyphicon glyphicon-search"></span>
                        </span>
                    </form>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <!-- Swiper -->
                <div class="swiper-container swiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="img-responsive" width="1170" height="400" src="slideshow/slide01.jpeg" />
                        </div>
                        <div class="swiper-slide">
                            <img class="img-responsive" src="slideshow/slide02.jpeg" />
                        </div>
                        <div class="swiper-slide">
                            <img class="img-responsive" src="slideshow/slide03.jpg" />
                        </div>
                        <div class="swiper-slide">
                            <img class="img-responsive" src="slideshow/slide04.jpg" />
                        </div>
                        <div class="swiper-slide">
                            <img class="img-responsive" src="slideshow/slide05.jpg" />
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination swiper-pagination1"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <h2>Welcome to LADY 419 Fashion</h2>
                <p style="margin: 10px 0px 20px 0px">
                    LADY 419 Fashion luôn hướng tới xu hướng thời trang tôn vinh vẻ sexy, gợi cảm cho phụ nữ với nhiều phong cách khác nhau: thanh lịch, phá cách, độc đáo, táo bạo... Với những sản phẩm đa dạng các lĩnh vực quần áo, đầm, đồ lót, các phụ kiện đi kèm, và mỹ phẩm, LADY 419 cố gắng trở thành một sự lựa chọn toàn diện cho bạn. Sản phẩm được xách tay từ nhiều nước, được tuyển chọn kỹ lưỡng, đảm bảo chất lượng.
                </p>
            </div>
        </div>

        <div class="row">

            <div class="swiper-container swiper2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao.jpg" />
                            <div class="type-product">Loại sản phẩm 1</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao1.jpg" />
                            <div class="type-product">Loại sản phẩm 2</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao2.jpg" />
                            <div class="type-product">Loại sản phẩm 3</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao3.png" />
                            <div class="type-product">Loại sản phẩm 4</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao4.jpg" />
                            <div class="type-product">Loại sản phẩm 5</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao5.jpg" />
                            <div class="type-product">Loại sản phẩm 6</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao6.jpg" />
                            <div class="type-product">Loại sản phẩm 7</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao7.jpg" />
                            <div class="type-product">Loại sản phẩm 8</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao8.jpg" />
                            <div class="type-product">Loại sản phẩm 9</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item-present">
                            <img src="images/thao9.jpg" />
                            <div class="type-product">Loại sản phẩm 10</div>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination swiper-pagination2"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <h3 class="category">Sản phẩm mới nhất</h3>
            </div>

            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img src="images/ong.jpg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img class="img-reponsive" src="images/ong1.jpeg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img src="images/ong2.jpg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img src="images/ong3.jpg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <h3 class="category">Sản phẩm được ưa chuộng</h3>
            </div>

            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img src="images/ong4.jpeg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img class="img-reponsive" src="images/ong5.jpeg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img src="images/ong6.jpg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 item-product">
                <div class="product">
                    <div class="img-product">
                        <img src="images/ong7.jpg">
                    </div>
                    <div class="name">Sản phẩm ong</div>
                    <div class="description">Sản phẩm ong rất tốt cho sức khỏe của trẻ em và người lớn</div>
                    <div class="btn btn-primary col-xs-12 col-sm-12 col-md-6">250.000 VNĐ</div>
                    <div class="btn btn-danger col-xs-12 col-sm-12 col-md-6">Xem chi tiết</div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <h3 class="category">Blog chia sẻ</h3>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="news">
                    <div class="image">
                        <img src="images/news.png">
                    </div>
                    <div class="detail">
                        <div class="title">Cho trẻ sống vui mỗi ngày</div>
                        <div class="date-public">
                            <span class="glyphicon glyphicon-time"></span>
                            20/11/2015
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="news">
                    <div class="image">
                        <img src="images/news1.png">
                    </div>
                    <div class="detail">
                        <div class="title">Cho trẻ sống vui mỗi ngày</div>
                        <div class="date-public">
                            <span class="glyphicon glyphicon-time"></span>
                            20/11/2015
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12">
                <div class="news-line"></div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="news">
                    <div class="image">
                        <img src="images/news2.png">
                    </div>
                    <div class="detail">
                        <div class="title">Cho trẻ sống vui mỗi ngày</div>
                        <div class="date-public">
                            <span class="glyphicon glyphicon-time"></span>
                            20/11/2015
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="news">
                    <div class="image">
                        <img src="images/news3.png">
                    </div>
                    <div class="detail">
                        <div class="title">Cho trẻ sống vui mỗi ngày</div>
                        <div class="date-public">
                            <span class="glyphicon glyphicon-time"></span>
                            20/11/2015
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-4">
                    <div class="footer-header">Giới thiệu</div>
                    <div class="footer-content">
                        <div class="item"><a href="#">Về livwel</a></div>
                        <div class="item"><a href="#">Về sản phẩm</a></div>
                        <div class="item"><a href="#">Catalog 2015</a></div>
                        <div class="item"><a href="#">Chính sách bảo mật</a></div>
                        <div class="item"><a href="#">Kênh phân phối</a></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="footer-header">Hỗ trợ khách hàng</div>
                    <div class="footer-content">
                        <div class="item"><a href="#">Đặt hàng qua điện thoại</a></div>
                        <div class="item"><a href="#">Chính sách vận chuyển</a></div>
                        <div class="item"><a href="#">Chính sách bảo hành</a></div>
                        <div class="item"><a href="#">Chính sách đổi hàng</a></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="footer-header">Liên hệ</div>
                    <div class="footer-content">
                        <div class="item"><a href="#">Công ty Livwel Việt nam</a></div>
                        <div class="item"><a href="#">Điện thoại : 0909.999.888</a></div>
                        <div class="item"><a href="#">Địa chỉ: 112 Lý chính thắng Q3 HCM</a></div>
                        <div class="item"><a href="#">Giấy phép kinh doanh : ABC 1119 0987</a></div>
                        <div class="item"><a href="#">Cấp ngày : 20/11/2015</a></div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="swiper/js/swiper.min.js"></script>
    <script src="js/default.js"></script>
</body>
</html>
